<template>
	<view class="box">
		<view class="tou" :style="'padding-top:' + statusBarHeight1 + 'px'">
			<view class="imageview">
				<image class="image1" @click="fanhui" src="https://pic.bangbangtongcheng.com/static/fanhui_bai.png" />
			</view>
			<span>我的发布<span v-if="activeData.length>0">({{activeData.length}})</span></span>
			<p @click="fanhui">{{text}}</p>
		</view>
		<!-- <view class="housCategory">
			<view class="item" :class="item.num == TabCur ? 'clickCur' : ''" v-for="(item, index) in list" :key="index"
				@tap="tabSelect" :data-id="item.num">
				{{ item.name }}
				<image style="width: 40rpx;height: 20rpx;"
					src="https://pic.bangbangtongcheng.com/cdc093b7dd4845af9a26a90d66515e35" mode="widthFix"
					v-if="TabCur == item.num" />
			</view>
		</view> -->
		<!-- #ifdef H5 || APP-PLUS -->
		<scroll-view scroll-y :style="'height:calc( 100vh - ' +statusBarHeight +'px - 96rpx - 96rpx - 98rpx )'
		" class="scrollscroll" @scrolltolower="down" refresher-background="#f5f5f5">
			<!-- #endif -->
			<!-- #ifdef MP -->
			<scroll-view scroll-y :style="'height:calc( 100vh - ' + statusBarHeight + 'px - 96rpx - 88rpx - 54rpx )'" @scrolltolower="down" refresher-background="#f5f5f5">
				<!-- #endif -->
				<view class="list" :style="width == 290?'padding-bottom:130rpx':''">
					<view class="li" v-for="(item, index) in Recommend" :key="index" @touchstart="slideBegan"
						@touchmove="inSlide" @touchend="endSlide" :data-target="'move-box-' + index">
						<radio v-if="width == 290" style="top: -47px; margin-right: 10px;" :data-index='index'
							:checked="item.active" class="radioA" @click="changeRadio">
						</radio>
						<view class="xian" :style="'width: ' + (width + 324) + 'rpx'"></view>
						<view class="vacancy" :style="'width: ' + (width + 324) + 'rpx'" v-if="TabCur != 3" @click="details(item)">
							<view class="vehicleRecom">
								<span class="type-label">{{ item.recruitmentType == 1 ? '全职' : '兼职' }}</span>
								<span>{{item.title}}</span>
							</view>
							<view class="vacancy_center">
								<view class="vacancy_status">
									<span>{{item.region}}</span>
									<span>{{item.positionCategory}}</span>
								</view>
								<view class="vacancy_price" v-if="item.recruitmentType == 1">{{item.salaryRange == '面议'?'面议':item.salaryRange+'元'}}</view>
								<view class="vacancy_price" v-else>{{item.salaryRange.split(',').join('')}}&emsp;{{item.settlementMethod}}</view>
							</view>
							<view class="vacancy_biaoq" v-if='item.fringeBenefits'>
								<view class="vacancy_label">
									<view class="shade"></view>
									<view class="label" v-for="(i,j) in item.fringeBenefits.split(',')" :key="j">{{i}}</view>
								</view>
								<view class="gend" v-if="item.fringeBenefits.split(',').length>4">
										更多>
								</view>
							</view>
							<view class="personalInformation">
								<view class="personalInformation_left">
									<view class="GR">
										<image class="personalInformation_image" v-if="item.userInformationDto.image" :src="item.userInformationDto.image" mode=""></image>
										<image class="personalInformation_image" v-else src="https://pic.bangbangtongcheng.com/static/my/header.png" mode=""></image>
										<span class="name">{{item.userInformationDto.nikeName ? item.userInformationDto.nikeName : '未命名用户'}}</span>
									</view>
									<view class="GS" v-if="item.userInformationDto.enterpriseRecruitmentStatus">
										<view class="personalInformation_image"></view>
										<span class="corporation">{{item.enterpriseName}}</span>
									</view>
								</view>
								<view class="personalInformation_right">
									<span class="personalInformation_Time">{{$Time.getDateDiff(item.createDate)}}</span>
									<span class="personalInformation_distance" v-if="item.distance">{{item.distance}}km</span>
								</view>
							</view>
						</view>
						<view class="resume" :style="'width: ' + (width + 324) + 'rpx'" v-else @click="details(item)">
							<view class="title">{{item.resumeTitle}}</view>
							<view class="occupation">
                 <span class="occupation_text"  :key="index1" v-for="(item1,index1) in item.intendedPosition.split(',')">{{item1}}</span>
							</view>
							<view class="hands-on">
								<span>{{item.experienceYears}}工作经验·</span>
								<span v-if="item.highestEducation">{{item.highestEducation.split(' ')[0]}}</span>
							</view>
							<view class="individual">
								<view class="individual_left">
									<view class="name">
										{{item.userInformation.nikeName?item.userInformation.nikeName:'未命名用户'}}
									</view>
									<text class="vip-rank"
										:style="{color: $member.colors()[item.userInformation.memberLevel-1].wordColor,backgroundColor: $member.colors()[item.userInformation.memberLevel-1].bgColor,borderColor:$member.colors()[item.userInformation.memberLevel-1].lineColor}">
										{{item.memberTitle}}
									</text>
								</view>
							</view>
						</view>
						<view class="HousCondition">
							<text style="border-bottom: 1px solid #64B6A8;color: #64B6A8;"></text>
							<view class="status">
								<view class="item" v-if="item.shelfStatus == 1">已上架</view>
								<view class="item" v-if="item.shelfStatus == 0">已下架</view>
							<!-- 	<view class="item" v-if="item.whetherTopHome == 0 || item.whetherRecommendedVehicle==0">
									已置顶</view> -->
								<img @click="del(item)" style="width: 50rpx;height:50rpx;margin-left: 20rpx;"
									src="https://pic.bangbangtongcheng.com/cf645aeb155c4005adb022f3d3e98bae">
							</view>
						</view>
						<view :class="personalLetter == 'move-box-' + index ? 'noSlide' : 'endSlide'" class="youhua"
							@touchend.stop="">
							<view @click.stop="del(item)"
								style="width: 141rpx;height: 118rpx;background-color: #EA4B4B;border-radius: 6rpx;display: flex;align-items: center;justify-content: center;">
								<img src="https://pic.bangbangtongcheng.com/fe44a1005d7941cea087d4bae0f9c6d2"
									style='width: 40rpx;height: 40rpx;'>
								<text style="color: #fff;font-size: 30rpx;margin-left: 10rpx;">删除</text>
							</view>
						</view>
					</view>
					<view v-if="Recommend.length == 0" class="none">
						<image src="https://pic.bangbangtongcheng.com/static/none.png" mode="widthFix" />
						<view>没有更多数据了</view>
					</view>
					<view class="down" v-show="Recommend.length != 0 && !downStatus">
						没有更多了
					</view>
				</view>
			</scroll-view>

			<view class="bottomOperation" v-if="width == 290">
				<view class=""></view>
				<view class="" style="display: flex;" v-if="identify==1">
					<!-- <view class="item" v-if="TabCur != 1" @click='houseAvailableChange(4)'>置顶</view> -->
					<view class="item" @click='houseAvailableChange(1)'>下架</view>
					<view class="item" @click='houseAvailableChange(3)'>刷新</view>
				</view>
				<view class="" style="display: flex;" v-else-if="identify==2">
					<view class="item" @click='houseAvailableChange(0)'>上架</view>
					<!-- <view class="item" v-if="TabCur != 1" @click='houseAvailableChange(4)'>置顶</view> -->
				</view>
				<view class="" style="display: flex;" v-else-if="identify==3">
					<view class="item" @click='houseAvailableChange(0)'>上架</view>
					<view class="item" @click='houseAvailableChange(1)'>下架</view>
					<!-- <view class="item" @click='houseAvailableChange(5)'>取消置顶</view> -->
					<view class="item" @click='houseAvailableChange(3)'>刷新</view>
				</view>
			</view>
			<view class="zbc" v-if="zbc">
				<view class="tan" style="height: 520rpx;" v-if="shouye">
					<view class="li_1">置顶信息：{{activeData.length==1?activeData[0].title:'您选择了多个职位'}}</view>
					<view class="li_2">
						<view>置顶至：</view>
						<view class="xuan">
							<picker @change="PickerChange" data-type="4" range-key="valueName" :range="type4">
								<view class="picker" style="color:#64B6A8" v-if="typeIndex4 != -1">{{type4[typeIndex4].valueName}}</view>
								<view class="picker" style="color: #64B6A8;font-size:24rpx" v-else>请选择</view>
							</picker>
						</view>
					</view>
					<view class="li_2">
						<view>置顶天数：</view>
						<view class="xuan">
							<picker @change="PickerChange" data-type='1' :range="picker">
								<view class="picker" style="color: #64B6A8" v-if="typeIndex1 != -1">{{picker[typeIndex1]}}</view>
								<view class="picker" style="color: #64B6A8;font-size:24rpx" v-else>请选择</view>
							</picker>
						</view>
					</view>
					<view class="li_3">平台规则：每天限定置顶20条次，置顶信息按时间排序</view>
					<view class="li_4" @click='guan'>取消</view>
					<view class="li_5" @click='zhiding'>确定</view>
				</view>
				<view class="shangjia" v-if="shangjia">
					<view class="li_1" v-if="typeIndex6 == 0">确定要上架当前{{TabCur==1?'简历':'职位'}}吗？</view>
					<view class="li_1" v-if="typeIndex6 == 1">确定要下架当前{{TabCur==1?'简历':'职位'}}吗？</view>
					<view class="li_2" @click="guan">取消</view>
					<view class="li_3" @click="shangjiaF">确定</view>
				</view>
			</view>
			<uniBall></uniBall>
	</view>
</template>
<script>
	import {
		mapGetters
	} from "vuex";
	let statusBarHeight;
	//#ifdef H5
	import wxshare from "@/utils/index.js";
	statusBarHeight = uni.getSystemInfoSync().statusBarHeight + 10;
	//#endif
	// #ifdef APP-PLUS
	statusBarHeight = uni.getSystemInfoSync().statusBarHeight + 10;
	//  #endif
	// #ifdef MP-WEIXIN
	statusBarHeight = uni.getSystemInfoSync().statusBarHeight + 5;
	//  #endif
	export default {
		computed: {
			...mapGetters(["statusBarHeight1", "userinfo"]),
		},
		data() {
			return {
				statusBarHeight,
				width: 290,
				text: "完成",
				TabCur: 1,
				zbc: false,
				shouye: false,
				shangjia: false,
				list: [],
				typeIndex1: -1,
				type4: [{
						valueName: "首页",
						id: "1",
					},
					{
						valueName: "招才首页",
						id: "2",
					},
				],
				typeIndex4: -1,
				typeIndex6: -1,
				scrollLeft: 0,
				scrollLeft1: 0,
				picker: [],
				pageSize: 10,
				pageNo: 1,
				trigger: false,
				downStatus: true,
				upStatus: true,
				userInfo: uni.getStorageSync("Pduser"),
				imgUrl: this.$imgSrc,
				Recommend: [],
				activeData: [],
				curTop: 0,
				identify: -1,
				personalLetter: null,
				personalHideLeft: 0,
				hideLeft: 0,
			};
		},
		onLoad(e) {
			for (let i = 1; i < 11; i++) {
				this.picker.push(i + "天");
			}
			this.identify = e.identify
			if (e.identify == 3) {
				if(this.userInfo.enterpriseRecruitmentStatus == 1){
					this.TabCur=2
					console.log(this.TabCur,9090)
					this.list = [
						{
							num: 1,
							name: "全职职位"
						},{
							num: 2,
							name: "兼职职位"
						},
					]
				}else{
					this.TabCur=2
					this.list = [
						{
							num: 2,
							name: "兼职职位"
						}
					]
				}
			} else {
				if(this.userInfo.enterpriseRecruitmentStatus == 1){
					// this.TabCur=2
					this.list = [
						{
							num: 1,
							name: "全职职位"
						},{
							num: 2,
							name: "兼职职位"
						},
					]
					// this.$nextTick(()=>{
						this.Recommend.length == 0 
						this.TabCur = 2
						// this.getFy()
					// })
				}else{
					this.TabCur=2
					this.list = [
						// {
						// 	num: 1,
						// 	name: "我的简历"
						// },
						{
							num: 2,
							name: "兼职职位"
						}
					]
				}
			}
			this.getFy();
			/* #ifdef H5 */
			this.jinzhi();
			/* #endif */

		},
		onShow() {

		},
		async onPullDownRefresh() {
			this.Recommend = [];
			this.pageNo = 1;
			this.downStatus = true;
			if (this.upStatus) {
				this.trigger = true;
				await this.getFy();
			}
		},
		filters: {
			nums(val) {
				return val.toFixed(2);
			},
		},
		methods: {
			// 通过招才操作
			houseAvailableChange(e) {
				if (this.activeData.length == 0) {
					uni.showToast({
						title: "请选择职位/简历",
						icon: "none",
						mask: true
					});
					return;
				}
				if (e == 0) {
					this.typeIndex6 = 0;
					this.zbc = true;
					this.shangjia = true;
				} else if (e == 1) {
					this.typeIndex6 = 1;
					this.zbc = true;
					this.shangjia = true;
				} else if (e == 3) {
					// 刷新
					this.refresh()
				} else if (e == 4) {
					// 置顶
					this.zbc = true;
					this.shouye = true;
				} else if (e == 5) {
					// 取消置顶
					this.cancelzZhiding()
				}
			},
			slideBegan(e) {
				this.touchStart = e.touches[0].pageX;
			},
			inSlide(e) {
				this.touchDirection = e.touches[0].pageX - this.touchStart > 0 ? "right" : "left";
			},
			endSlide(e) {
				if (this.touchDirection == "left") {
					this.hideLeft = '1'
					this.personalLetter = e.currentTarget.dataset.target;
				} else {
					this.personalLetter = null;
				}
				this.touchDirection = null;
				console.log(this.personalLetter)
			},
			bianji() {
			},
			jinzhi() {
				let _this = this;
				let param = window.location.href.split("#")[0];
				uni.request({
					method: "post",
					data: {
						url: param
					},
					header: {
						"content-type": "application/x-www-form-urlencoded",
					},
					url: "https://www.bangbangtongcheng.com/conven//mob/login/getJsTicket.do",
					success(re) {
						_this.jinzhifx(re.data);
					},
				});
			},
			jinzhifx(data) {
				wxshare.config({
					debug: false, //是否打开调试
					appId: data.appId, // 公众号的唯一标识
					timestamp: data.timestamp, // 生成签名的时间戳
					nonceStr: data.nonce, // ，生成签名的随机串
					signature: data.signature, // 签名
					jsApiList: ["hideMenuItems"],
				});
				// 禁止分享
				wxshare.hideMenuItems({
					// 要隐藏的菜单项，只能隐藏“传播类”和“保护类”按钮，所有menu项见附录3
					menuList: [
						"menuItem:share:appMessage",
						"menuItem:share:timeline",
						"menuItem:share:timeline",
						"menuItem:share:qq",
						"menuItem:favorite",
						"menuItem:share:QZone",
						"menuItem:openWithSafari",
					],
				});
			},
			tabSelect(e) {
				this.TabCur = e.currentTarget.dataset.id;
				this.scrollLeft = (e.currentTarget.dataset.id - 1) * 60;
				this.Recommend = [];
				this.activeData = [];
				this.pageNo = 1;
				this.upStatus = true;
				this.trigger = false;
				this.getFy();
			},
			changeRadio(e) {
				let that = this;
				let index = e.currentTarget.dataset.index;
				this.typeIndex6 = -1;
				if (that.Recommend[index].active) {
					that.Recommend[index].active = !that.Recommend[index].active;
					var index0 = this.activeData.findIndex((item) => {
						if (that.Recommend[index].id == item.id) {
							return true;
						}
					});
					this.activeData.splice(index0, 1);
					console.log(that.activeData);
				} else {
					that.Recommend.forEach((el, index1) => {
						if (index1 == index) {
							var redioCheck = false;
							if (redioCheck) {

								uni.showToast({
									title: "只能选择相同状态的数据！",
									icon: "none",
									mask: true,
								});
								setTimeout(() => {
									that.reload();
								}, 1000);
								return;
							} else {
								that.Recommend[index1].active = !that.Recommend[index1].active;
								that.activeData.push(that.Recommend[index1]);
							}

							console.log(that.activeData);
						} else {}
					});
				}
			},
			del(item) {
				let that = this;
				uni.showModal({
					title: "",
					content: "确定删除此"+ (this.TabCur == 1?'简历信息':'职位信息')+"？",
					showCancel: true,
					success: (res) => {
						if (res.confirm) {
							if(this.TabCur == 1){
								that.$myRequest.post("/api/mobile/personnelOwner/deleteResumeByIds", {
										ids: item.id,
								}).then((res) => {
									uni.showToast({
										title: res.msg,
										icon: "none",
										mask: true,
									});
									setTimeout(() => {
										that.reload();
									}, 1000);
								});
							}else{
								that.$myRequest.post("/api/mobile/personnelOwner/deleteRecruitmentByIds", {
									ids: item.id,
								}).then((res) => {
									uni.showToast({
										title: res.msg,
										icon: "none",
										mask: true,
									});
									setTimeout(() => {
										that.reload();
									}, 1000);
								});
							}
						}
					},
				});
			},
			// 刷新
			refresh() {
				let that = this;
				let idList = [];
				that.activeData.forEach(v => {
					idList.push(v.id)
				})
				if (!idList.length) {
					uni.showToast({
						title: "请选择职位/简历",
						icon: "none",
						mask: true,
					});
					return;
				}
				if (this.TabCur!=1) {
					that.$myRequest
						.post("/api/mobile/personnelOwner/refreshRecruitmentByIds", {
							ids: idList.join(','),
							userId:this.userInfo.id
						})
						.then((res) => {
							uni.showToast({
								title: res.msg,
								icon: "none",
								mask: true,
							});
							setTimeout(() => {
								that.reload();
							}, 1000);
						});
				}else{
					that.$myRequest.post("/api/mobile/personnelOwner/refreshResumeByIds", {
							ids: idList.join(','),
							userId:this.userInfo.id
					}).then((res) => {
						uni.showToast({
							title: res.msg,
							icon: "none",
							mask: true,
						});
						setTimeout(() => {
							that.reload();
						}, 1000);
					});
				}
			},
			shangjiaF() {
				var idList = [];
				for (var i = 0; i < this.activeData.length; i++) {
					idList.push(this.activeData[i].id);
				}
				var ids = idList.join(",");
				if (this.typeIndex6==0 || this.typeIndex6==1) {
					this.$myRequest
					.post("/api/mobile/personnelOwner/upperLowerShelvesRecruitmentByIds",{
						ids:ids,
						userId:this.userInfo.id,
						shelfStatus:this.typeIndex6==0?"1":"0"
					})
					.then((res) => {
						this.activeData = []
						uni.showToast({
							title: res.msg,
							icon: "none",
						});
						this.guan();
						setTimeout(() => {
							this.reload();
						}, 1000);
					});
				}
			},
			zhiding() {
				if (Number(this.typeIndex1) + 1 <= 0) {
					uni.showToast({
						title: '请选择天数',
						icon: "none",
					});
					return
				}
				if (this.typeIndex4==-1) {
					uni.showToast({
						title: '请选择置顶位置',
						icon: "none",
					});
					return
				}
				var idList = [];
				for (var i = 0; i < this.activeData.length; i++) {
					idList.push(this.activeData[i].id);
				}
				var ids = idList.join(",");
				if (this.type4[this.typeIndex4].id==1) {
					// 置顶到大主页
					this.$myRequest
						.post("/api/mobile/personnelOwner/recruitmentToppingToBigHomePage", {
							ids: ids,
							userId:this.userInfo.id,
							topSettingDays: Number(this.typeIndex1) + 1,
							whetherTopHome:1,
							
						})
						.then((res) => {
							uni.showToast({
								title: res.msg,
								icon: "none",
							});
							this.guan();
							setTimeout(() => {
								this.reload();
							}, 1000);
						});
				}else{
					// 置顶到招才首页
					this.$myRequest
						.post("/api/mobile/personnelOwner/recruitmentToppingToHome", {
							ids:ids,
							userId:this.userInfo.id,
							topSettingDays: Number(this.typeIndex1) + 1,
							homeDisplay:1,
						})
						.then((res) => {
							uni.showToast({
								title: res.msg,
								icon: "none",
							});
							this.guan();
							setTimeout(() => {
								this.reload();
							}, 1000);
						});
				}
			},
			// 取消置顶
			cancelzZhiding() {
				var idList = [];
				for (var i = 0; i < this.activeData.length; i++) {
					idList.push(this.activeData[i].id);
				}
				var ids = idList.join(",");
				uni.showModal({
					title: "",
					content: "确定取消该职位吗？",
					showCancel: true,
					success: (res) => {
						if (res.confirm) {
							if (this.TabCur7!=1) {
								this.$myRequest.post("/api/mobile/personnelOwner/cancelRecruitmentTopping", {
									ids: ids,
									userId:this.userInfo.id
								}).then((res) => {
									uni.showToast({
										title: res.msg,
										icon: "none",
									});
									setTimeout(() => {
										this.reload();
									}, 1000);
								});
							}
						}
					},
				});
			},
			getFy() {
				let that = this;
				this.upStatus = false;
				let obj={
					pageSize: this.pageSize,
					pageNo: this.pageNo,
					userId: this.userInfo.id,
					auditStatus:1,
				}
				if (this.identify==1) {
					obj.shelfStatus=1
				}else if(this.identify==2){
					obj.shelfStatus=0
				}else if(this.identify==3){
					obj.homeDisplay=1
				}
				if(this.TabCur == 1){
					// obj.recruitmentType = this.TabCur == 3? '1': this.TabCur
					obj.recruitmentType = ''
					this.$myRequest.get("/api/mobile/personnelOwner/getMyPostRecruitment",obj).then((res) => {
						if (!res.recruitment.pageList.length) {
							that.downStatus = false;
						}
						res.recruitment.pageList.forEach(v=>{
							v.active=false
						})
						this.upStatus = true;
						this.trigger = false;
						this.Recommend = this.Recommend.concat(res.recruitment.pageList);
						uni.stopPullDownRefresh();
						this.$nextTick(function() {
							uni.createSelectorQuery().in(this).select('.scrollscroll').boundingClientRect(result => {
								if (result) {
									that.curTop = result.top
								}
							}).exec();
						})
					});
				}else{
					// obj.recruitmentType = this.TabCur == 3? '1': this.TabCur
					obj.recruitmentType = ''
					this.$myRequest.get("/api/mobile/personnelOwner/getMyPostRecruitment",obj).then((res) => {
						if (!res.recruitment.pageList.length) {
							that.downStatus = false;
						}
						res.recruitment.pageList.forEach(v=>{
							v.active=false
						})
						this.upStatus = true;
						this.trigger = false;
						this.Recommend = this.Recommend.concat(res.recruitment.pageList);
						uni.stopPullDownRefresh();
						this.$nextTick(function() {
							uni.createSelectorQuery().in(this).select('.scrollscroll').boundingClientRect(result => {
								if (result) {
									that.curTop = result.top
								}
							}).exec();
						})
					});
				}
			},
			reload() {
				this.Recommend = [];
				this.pageNo = 1;
				this.upStatus = true;
				this.trigger = false;
				this.activeData = [];
				this.getFy();
			},
			down() {
				if (this.downStatus) {
					this.pageNo++;
					this.getFy();
				}
			},
			shangjiaC() {
				this.zbc = true;
				this.shangjia = true;
			},
			async up() {
				this.Recommend = [];
				this.pageNo = 1;
				this.downStatus = true;
				if (this.upStatus) {
					this.trigger = true;
					await this.getFy();
				}
			},
			details(item) {
				if (this.hideLeft == 1) {
					this.hideLeft = '0';
					return
				} 
				if(this.TabCur==1){
					uni.navigateTo({
						url: "/pages_recruitMoney/recruitmentDetails/resumeDetails?id=" + item.id
					});
				}else{
					if (item.recruitmentType==1) {
						uni.navigateTo({
							url: "/pages_recruitMoney/recruitmentDetails/fullTime?id=" + item.id
						});
					}else{
						uni.navigateTo({
							url: "/pages_recruitMoney/recruitmentDetails/concurrently?id=" + item.id
						});
					}
				}
			},
			fanhui() {
				uni.navigateBack({
					delta: 1,
				});
			},
			PickerChange(e) {
				if (this.activeData.length == 0) {
					uni.showToast({
						title: "请选择职位",
						icon: "none",
					});
					return;
				}
				let index = e.detail.value;
				let type = e.currentTarget.dataset.type;
				if (type == 4) {
					this.typeIndex4 = index;
					this.zbc = true;
					this.shouye = true;
				} else if (type == 6) {
					this.typeIndex6 = index;
					this.zbc = true;
					this.shangjia = true;
				} else if (type == 1) {
					this.typeIndex1 = index;
				}
			},
			guan() {
				this.zbc = false;
				this.shouye = false;
				this.shangjia = false;
			},
		},
	};
</script>
<style lang="less" scoped>
	/deep/ uni-radio:not([disabled]) .uni-radio-input:hover {
		border-color: #d1d1d1;
	}

	/deep/ radio .uni-radio-input {
		margin: 0;
		width: 48rpx;
		height: 48rpx;
	}

	.zbc {
		position: fixed;
		width: 100%;
		top: 0;
		bottom: 0;
		background-color: rgba(0, 0, 0, 0.3);

		.sharer-tips {
			position: absolute;
			// padding: 30rpx0;
			width: 600rpx;
			// height: 310rpx;
			background-color: #fff;
			top: 30%;
			left: 50%;
			transform: translateX(-50%);
			border-radius: 10rpx;

			.tips-top {
				padding: 45rpx 35rpx 20rpx;

				display: flex;
				justify-content: space-between;
				align-items: center;
			}

			.tips-content {
				padding: 0 35rpx;

				.yong-jin {
					margin-bottom: 10rpx;
					align-items: flex-start;
					flex-wrap: wrap;

					view {
						margin-left: 10rpx;
						width: 400rpx;
						word-wrap: break-word;word-break: break-all;
						word-break: break-all;
					}
				}
			}

			.tips-btn {
				width: 100%;
				padding: 30rpx 0;
				margin-top: 40rpx;
				text-align: center;
				background-color: #64b6a8;
				color: #fff;
			}
		}
	}

	.sharer-say {
		justify-content: space-between;
		align-items: center;
		margin-left: 72rpx;

		text {
			width: 400rpx;
			// flex: 11;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
		}

		view {
			// flex: 1;
			padding: 10rpx;
			color: #64b6a8;
		}
	}

	.zbc {
		position: fixed;
		width: 100%;
		top: 0;
		bottom: 0;
		background-color: rgba(0, 0, 0, 0.3);
		z-index: 99;

		.tan {
			position: absolute;
			width: 600rpx;
			height: 420rpx;
			background-color: #fff;
			top: 30%;
			left: 50%;
			transform: translateX(-50%);
			border-radius: 10rpx;
			overflow: hidden;
		
			.li_1 {
				margin-left: 32rpx;
				margin-top: 60rpx;
				font-weight: 600;
				font-size: 30rpx;
			}
		
			.li_2 {
				font-size: 30rpx;
				margin-left: 32rpx;
				margin-top: 30rpx;
		
				view {
					display: inline-block;
					font-weight: 600;
					font-size: 30rpx;
				}
		
				.xuan {
					position: relative;
					width: 180rpx;
					height: 60rpx;
					background: #ffffff;
					border: 2rpx solid #64b6a8;
					border-radius: 37rpx;
					line-height: 60rpx;
					color: #64b6a8;
					text-indent: 16rpx;
				}
		
				.xuan::before {
					position: absolute;
					top: 20rpx;
					right: 30rpx;
					content: "";
					border-color: #fff #fff #64b6a8 #fff;
					border-style: solid;
					border-width: 0rpx 8rpx 14rpx 8rpx;
					height: 0;
					width: 0;
				}
			}
		
			.li_3 {
				width: 536rpx;
				font-size: 24rpx;
				margin-left: 32rpx;
				color: #ea4b4b;
				margin-top: 40rpx;
			}
		
			.li_4 {
				position: absolute;
				font-size: 30rpx;
				width: 300rpx;
				height: 90rpx;
				background: #f2f2f2;
				bottom: 0;
				left: 0;
				text-align: center;
				line-height: 90rpx;
			}
		
			.li_5 {
				position: absolute;
				font-size: 30rpx;
				width: 300rpx;
				height: 90rpx;
				background: #64b6a8;
				bottom: 0;
				right: 0;
				text-align: center;
				line-height: 90rpx;
				color: #fff;
			}
		}

		.shangjia {
			position: absolute;
			width: 600rpx;
			height: 300rpx;
			background-color: #fff;
			border-radius: 10rpx;
			top: 30%;
			left: 50%;
			transform: translateX(-50%);

			.li_1 {
				width: 100%;
				font-size: 34rpx;
				font-weight: 600;
				margin-left: 114rpx;
				margin-top: 80rpx;
			}

			.li_2 {
				display: inline-block;
				vertical-align: top;
				width: 160rpx;
				height: 60rpx;
				background: #ffffff;
				border: 2rpx solid #64b6a8;
				border-radius: 37rpx;
				text-align: center;
				line-height: 60rpx;
				color: #64b6a8;
				margin-top: 58rpx;
				margin-left: 118rpx;
			}

			.li_3 {
				display: inline-block;
				vertical-align: top;
				width: 160rpx;
				height: 60rpx;
				background: #64b6a8;
				border-radius: 37rpx;
				text-align: center;
				line-height: 60rpx;
				color: #fff;
				margin-top: 58rpx;
				margin-left: 46rpx;
			}
		}
	}

	.noSlide {
		transform: translateX(0rpx);
		transition: 0.5s;
	}

	.endSlide {
		transform: translateX(190rpx);
	}

	.youhua {
		width: 184rpx;
		height: 216rpx;
		position: absolute;
		top: 0;
		right: -4%;
		background-color: #fff;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.box {
		width: 100%;
		min-height: 100vh;
		background-color: #fff;
	}

	.tou {
		position: relative;
		width: 100%;
		// height: 88rpx;
		text-align: center;
		line-height: 88rpx;
		font-size: 36rpx;
		color: #fff;
		background-color: #64b6a8;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 0 30rpx;
		// #ifdef MP-WEIXIN
		padding-right: 210rpx;

		// #endif
		.imageview {
			width: 100rpx;
			height: 60rpx;
			display: flex;
			align-items: center;

			.image1 {
				width: 32rpx;
				height: 32rpx;
			}
		}

		p {
			width: 100rpx;
			font-size: 32rpx;
			color: #fff;
		}
	}

	.auditCheck {
		width: 750rpx;
		height: 100rpx;
		display: flex;
		align-items: center;
		border-bottom: 1px solid #e6f0ed;

		.item {
			flex: 1;
			display: flex;
			justify-content: space-between;
			align-items: center;
			padding: 0 30rpx;

			text {
				font-size: 32rpx;
			}
		}
	}

	.bottomOperation {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 120rpx;
		background-color: #fff;
		z-index: 100;
		box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.16);
		display: flex;
		align-items: center;
		justify-content: space-between;

		.item {
			width: 126rpx;
			height: 60rpx;
			background-color: #FFFFFF;
			border-radius: 10rpx;
			border: 1px solid #64B6A8;
			color: #64B6A8;
			font-size: 28rpx;
			text-align: center;
			line-height: 60rpx;
			margin-right: 22rpx;
		}
	}

	.HousCondition {
		height: 80rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;

		.status {
			display: flex;
			align-items: center;

			.item {
				width: 96rpx;
				height: 48rpx;
				background: #FFFFFF;
				border-radius: 4rpx;
				border: 1px solid #64B6A8;
				margin-right: 10rpx;
				font-size: 24rpx;
				color: #64B6A8;
				text-align: center;
				line-height: 48rpx;
			}
		}
	}

	.housCategory {
		height: 92rpx;
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 0 6rpx;
		box-shadow: 0px 1px 6px 1px rgba(100, 182, 168, 0.21);

		.item {
			flex: 1;
			height: 80rpx;
			border-radius: 12rpx;
			display: flex;
			flex-direction: column;
			font-size: 28rpx;
			justify-content: center;
			align-items: center;
			font-weight: 400;
		}

		.clickCur {
			background-color: #64B6A8;
			color: #fff;
		}
	}

	.bot {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 120rpx;
		background-color: #fff;
		z-index: 100;

		view {
			display: inline-block;
			position: absolute;
		}

		.bot_1 {
			left: 42rpx;
			top: 38rpx;
			font-size: 34rpx;
		}

		.bot_2 {
			right: 272rpx;
			top: 38rpx;
			font-size: 34rpx;
		}

		.bot_3 {
			width: 200rpx;
			height: 70rpx;
			background: #ffffff;
			border: 2rpx solid #64b6a8;
			color: #64b6a8;
			line-height: 68rpx;
			left: 304rpx;
			top: 25rpx;
			text-indent: 56rpx;
			border-radius: 36rpx;

			picker {
				height: 100%;
				width: 100%;

				.picker {
					left: 0;
					height: 100%;
					width: 100%;
					text-align: left;
					display: flex;
					position: relative;
					justify-content: center;
					text-indent: 0px;
				}
			}
		}

		.bot_3::before {
			position: absolute;
			top: 28rpx;
			right: 20rpx;
			content: "";
			border-color: #fff #fff #64b6a8 #fff;
			border-style: solid;
			border-width: 0rpx 8rpx 14rpx 8rpx;
			height: 0;
			width: 0;
		}

		.bot_4 {
			width: 190rpx;
			height: 70rpx;
			background: #64b6a8;
			color: #ffffff;
			line-height: 68rpx;
			left: 520rpx;
			top: 25rpx;
			text-indent: 56rpx;
			border-radius: 36rpx;

			picker {
				height: 100%;
				width: 100%;

				.picker {
					height: 100%;
					width: 100%;
					left: 0;
					text-align: left;
					display: flex;
					position: relative;
					justify-content: center;
					text-indent: 0px;
				}
			}
		}

		.bot_4::before {
			position: absolute;
			top: 28rpx;
			right: 20rpx;
			// content: "";
			border-color: #64b6a8 #64b6a8 #fff #64b6a8;
			border-style: solid;
			border-width: 0rpx 8rpx 14rpx 8rpx;
			height: 0;
			width: 0;
		}
	}

	.list {
		padding-top: 30rpx;
		margin-left: 30rpx;
		margin-right: 30rpx;
		width: 690rpx;

		.tit {
			color: #333333;
			font-size: 36rpx;
			margin-bottom: 12rpx;
		}

		.li {
			position: relative;
			width: 100%;
			padding-bottom: 18rpx;
			margin-bottom: 34rpx;
			.xian {
				position: absolute;
				height: 2rpx;
				background-color: #e0e0e0;
				bottom: 0;
				right: 6rpx;
			}
			.resume {
				display: inline-block;
				.title {
					font-size: 28rpx;
					font-weight: 550;
					color: #333333;
					overflow: hidden;
					text-overflow: ellipsis;
					display: -webkit-box;
					-webkit-line-clamp: 2; //想要的行数
					-webkit-box-orient: vertical;
					margin-bottom: 16rpx;
				}
			
				.occupation {
					display: flex;
					align-items: center;
					margin-bottom: 16rpx;
			
					span {
						font-size: 24rpx;
						font-weight: 400;
						color: #333333;
						margin-right: 16rpx;
					}
			
					span:nth-last-child(1) {
						margin-right: 0;
					}
				}
			
				.hands-on {
					display: flex;
					align-items: center;
					margin-bottom: 16rpx;
			
					span {
						font-size: 24rpx;
						font-weight: 400;
						color: #888888;
					}
				}
			
				.individual {
					display: flex;
					align-items: center;
					justify-content: space-between;
			
					.individual_left {
						display: flex;
						align-items: center;
			
						.name {
							font-size: 24rpx;
							font-weight: 400;
							color: #333333;
							margin-right: 10rpx;
						}
			
						.vip-rank {
							padding: 3rpx 10rpx;
							margin: 0 18rpx 0 0;
							background: #F6F0FF;
							border-radius: 6rpx 6rpx 6rpx 6rpx;
							opacity: 1;
							border: 2rpx solid #BD90D9;
							font-size: 24rpx;
							font-weight: 500;
							color: #BD90D9;
						}
					}
			
					.individual_right {
						font-size: 24rpx;
						font-weight: 400;
						color: #888888;
					}
				}
			}
			.vacancy{
				display: inline-block;
				.vehicleRecom{
					font-size: 36rpx;
					font-weight: 600;
					color: #333333;
					line-height: 44rpx;
					word-break: break-all;
					overflow: hidden;
					text-overflow: ellipsis;
					display: -webkit-box;
					-webkit-line-clamp: 2; //想要的行数
					-webkit-box-orient: vertical;
					display: flex;
					align-items: center;
					.tagLabel{
						vertical-align: top;
						background: #64B6A8;
						color: #fff;
						font-size: 24rpx;
						text-align: center;
						width: 106rpx;
						margin-right: 10rpx;
						padding: 2rpx 6rpx;
						border-radius: 4rpx;
					}
				}
				.vacancy_center{
					display: flex;
					align-items: center;
					justify-content: space-between;
					margin-top: 16rpx;
					.vacancy_status{
						span{
							font-size: 28rpx;
							font-weight: 400;
							color: #333333;
						}
						span:nth-child(1){
							margin-right:16rpx ;
						}
					}
					.vacancy_price{
						font-size: 30rpx;
						font-weight: 550;
						color: #E00000;
					}
				}
				.vacancy_biaoq{
					display: flex;
					align-items: center;
					justify-content: space-between;
					margin-top: 16rpx;
					.vacancy_label{
						flex: 1;
						height: 48rpx;
						position: relative;
						overflow: hidden;
						white-space : nowrap;
						.shade{
							position: absolute;
							right: 0;
							top: 0;
							width: 100rpx;
							height: 48rpx;
							background: linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,1));
						}
						.label{
							display: inline-block;
							padding:10rpx;
							background-color:#f0f0f0;
							margin-right: 10rpx;
							font-size: 24rpx;
							font-weight: 400;
							color: #333333;
							border-radius: 4rpx;
						}
						.label:nth-last-child(1){
							margin-right: 0rpx;
						}
					}
					.gend{
						text-align: right;
						width: 80rpx;
						height: 100%;
						font-size: 24rpx;
						color: #888888;
					}
				}
				.personalInformation{
					display: flex;
					align-items: center;
					justify-content: space-between;
					margin-top: 28rpx;
					.personalInformation_left{
						display: flex;
						flex-direction: column;
						.personalInformation_image{
							width: 42rpx;
							height: 42rpx;
							border-radius: 42rpx;
							margin-right: 12rpx;
						}
						.GR{
							display: flex;
							align-items: center;
							.name{
								font-size: 24rpx;
								font-weight: 400;
								color: #333333;
							}
						}
						.GS{
							display: flex;
							align-items: center;
							.corporation{
								font-size: 24rpx;
								font-weight: 400;
								color: #333333;
							}
						}
					}
					.personalInformation_right{
						display: flex;
						flex-direction: column;
						justify-content: flex-end;
						.personalInformation_Time{
							font-size: 24rpx;
							font-weight: 400;
							color: #888888;
							margin-bottom: 6rpx;
							text-align: right;
						}
						.personalInformation_distance{
							font-size: 24rpx;
							font-weight: 400;
							color: #888888;
							text-align: right;
						}
					}
				}
			}
			.biaoqian1 {
				position: absolute;
				width: 100rpx;
				height: 46rpx;
				font-size: 24rpx;
				font-weight: 600;
				line-height: 46rpx;
				color: #ffffff;
				z-index: 1;
				top: 0;
				text-align: center;
				background: #64b6a8;
				border-radius: 0px 0px 20rpx 0px;
			}

			.biaoqian2 {
				position: absolute;
				width: 100rpx;
				height: 46rpx;
				font-size: 24rpx;
				font-weight: 600;
				line-height: 46rpx;
				color: #ffffff;
				z-index: 1;
				top: 0;
				text-align: center;
				background: #999999;
				border-radius: 0px 0px 20rpx 0px;
			}

			.img1 {
				background-color: #f8f8f8;
				width: 300rpx;
				height: 200rpx;
			}

			.img2 {
				position: absolute;
				width: 300rpx;
				height: 200rpx;
			}

			.img3 {
				position: absolute;
				width: 300rpx;
				height: 200rpx;
			}

			.li_1 {
				position: relative;
				display: inline-block;
				vertical-align: top;
				margin-left: 24rpx;

				.tit {
					width: 100%;
					font-size: 34rpx;
					font-weight: 600;
					overflow: hidden;
					text-overflow: ellipsis;
					display: -webkit-box;
					-webkit-line-clamp: 2; //想要的行数
					-webkit-box-orient: vertical;
				}

				.jiedao {
					width: 100%;
					height: 68rpx;
					font-size: 24rpx;
					margin-bottom: 14rpx;
					color: #666666;
					overflow: hidden;
					text-overflow: ellipsis;
					display: -webkit-box;
					-webkit-line-clamp: 2; //想要的行数
					-webkit-box-orient: vertical;
				}

				.shijian {
					bottom: 4rpx;
					font-size: 26rpx;

					.ycyc {
						display: inline-block;
						width: 40px;
						overflow: hidden;
						text-overflow: ellipsis;
						white-space: nowrap;
						line-height: 12.5px;
					}
				}
			}
		}

		.li:last-child {
			border-bottom: 0rpx solid #e0e0e0;
		}
	}

	.view {
		position: relative;
		font-size: 26rpx;
		border: 0;
		color: #333333;
		margin-right: 0;

		image {
			position: absolute;
			width: 44rpx;
			height: 24rpx;
			top: 66rpx;
			left: 50%;
			transform: translateX(-50%);
		}
	}

	.cur {
		color: #64b6a8;
		border: 0;
		transform: scale(1.1);
	}

	/deep/uni-checkbox .uni-checkbox-input {
		background-color: rgba(0, 0, 0, 0);
		border: 2rpx solid #999;
	}

	/deep/uni-checkbox .wx-checkbox-input,
	/deep/uni-checkbox .uni-checkbox-input {
		width: 50rpx;
		height: 50rpx;
	}

	/deep/.uni-checkbox-input-checked {
		background-color: #64b6a8 !important;
		border: 2rpx solid #64b6a8 !important;
	}

	/deep/ uni-checkbox::before {
		font-size: 40rpx;
		margin-top: -14rpx;
		right: 6rpx !important;
	}

	.down {
		height: 60rpx;
		line-height: 60rpx;
		// border-top: 2rpx solid #d0d0d0;
		text-align: center;
	}

	.none {
		text-align: center;

		image {
			width: 430rpx;
			margin-bottom: 16rpx;
		}

		view {
			height: 40rpx;
			line-height: 40rpx;
			color: #666;
		}
	}
	
	.type-label {
		display: inline-block;
	    width: 58rpx;
	    height: 40rpx;
	    line-height: 40rpx;
	    background: #64B6A8;
	    border-radius: 4rpx;
	    font-size: 20rpx;
	    color: #FFFFFF;
	    text-align: center;
	    // position: absolute;
	    // top: 2;
	}
</style>
